{% extends 'project_python/layout_python.html' %}
{% load static %}

{% block python_content %}

<div class="row">

<div class="col-12 col-sm-6 col-md-4 d-flex align-items-stretch flex-column">
  <div class="card bg-light d-flex flex-fill shadow">
    <div class="card-body p-2">
      <div class="row">
        <div class="col-3 text-center">
          <img src="" width="60" height="60" alt="user-avatar" class="img-circle img-fluid">
        </div>
        <div class="col-9 d-flex">
          <h2 class="lead"><b>VSCode</b></h2>
        </div>
      </div>
    </div>
    <div class="card-footer">
      <div class="text-right">
        <a href="https://code.visualstudio.com/Download" target="_blank" class="btn btn-sm bg-teal">
          <i class="fa-solid fa-globe"></i> 官方下载网站
        </a>
      </div>
    </div>
  </div>
</div>

<div class="col-12 col-sm-6 col-md-4 d-flex align-items-stretch flex-column">
  <div class="card bg-light d-flex flex-fill shadow">
    <div class="card-body p-2">
      <div class="row">
        <div class="col-3 text-centerr">
<img src="{% static 'project_python/spyder.png' %}" width="60" height="60" />
        </div>
        <div class="col-9 d-flex">
          <h2 class="lead"><b>Spyder</b></h2>
        </div>
      </div>
    </div>
    <div class="card-footer">
      <div class="text-right">
        <a href="https://www.spyder-ide.org/download" target="_blank" class="btn btn-sm bg-teal">
          <i class="fa-solid fa-globe"></i> 官方下载网站
        </a>
      </div>
    </div>
  </div>
</div>


</div>

{% endblock %}